@prefix-inputNumber: ~'@{nameSpace}-inputNumber';

.@{prefix-inputNumber} {
  font-size: var(--design-font-size-base);
  background-color: rgba(var(--design-rgba-distant), 0.02);
  color: var(--design-text-color-5);
  border-radius: var(--design-border-radius-base);
  width: 100%;
  .flex();
  .align-center();

  .@{prefix-inputNumber}-main {
    flex: 1;
    padding: 0 16px;
    .flex();
    .align-center();
  }

  .@{prefix-inputNumber}-input {
    width: 100%;
    height: 100%;
  }
}



.@{prefix-inputNumber}-padding-left {
  padding-left: 16px;
}

.@{prefix-inputNumber}-padding-right {
  padding-right: 16px;
}

.@{prefix-inputNumber}-h100 {
  height: 100%;
}